<?php $sliders = ot_get_option('op_slider', array());
$index_ads = ot_get_option('op_indexbanner', array());
?>

<div id="featured" class="f-padding clearfix container_12">
    <div class="banner responsive-slider featured-slideshow grid_8"><span
            class="star-ribbon star-ribbon-left rose-ribbon"></span>
        <ul class="slides">
            <?php foreach ($sliders as $slider): ?>
                <li class="flexImages" style="display: none;">
                    <a href="<?php echo $slider['link'] ?>" title="<?php echo esc_attr($slider['title']) ?>"><img src="<?php echo $slider['image'] ?>" alt="<?php echo esc_attr($slider['title']) ?>"/></a>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
    <?php if (!empty($index_ads)) {
        $i=1;
        foreach ($index_ads as $index_ad) {
            if($i>2) break;
            ?>
            <div class="banner featured-banner banner-side grid_4 omega">
                <span class="cover"></span>
                <img src="<?php echo $index_ad['image'] ?>" alt="<?php echo esc_attr($index_ad['title']) ?>" width="298" height="196" />
                <a class="icomoon link-icon" aria-hidden="true" data-icon="&#xe000;" href="<?php echo $index_ad['link'] ?>"></a>
            </div>
        <?php
            $i++;
        }
    }?>
</div>

<!-- end #featured -->